Context React
React
State Management 状態管理
https://react.dev/reference/react/useContext
Context (from Next Doc)
https://nextjs.org/docs/getting-started/react-essentials#context
React
アプリケーションのほとんどは、コンポーネント間でデータを共有するためにコンテキストに依存している。
createContext
によって直接的にデータを共有
サードパーティのライブラリからインポートしたprovider componentsによって間接的にデータを共有
Next.js 13では、
React Server Components RSC
はContext非対応
理由
Contextが、
Client components
間のデータやり取りのデータやり取り用途だから。
Reactの状態が更新された後にツリーの奥深くにあるインタラクティブコンポーネントを再レンダリングするために使用